<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        /* 
        交集选择器/标签指定式选择器 p .classStyle   同时满足多个选择器筛选条件的才能被选中
        包含选择器  属性 标签 元素 之间有空格
        并集选择器  逗号分隔
        伪类选择器
        子代选选择器  parent > son
        */

        /*  复合选择器：就是两个或者多个基本选择器，通过不同方式连接而成的选择器
        有两种情况：”交集“选择器、“并集”选择器
        1。“交集”选择器：由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集，
         其中第一必须是标记选择器，第二个必须是类别选择器或者ID选择器，两个选择器之间不能有空格，必须连续书写
         
         交集选择器是and 也就是要同时满足 且只能交2个只能交2个只能交2个，第一个是标记，第二个是class或者id，之间不可以有空格
         并集选择器是or，也就是 左边或者右边 用","隔开.
         */

        * {
            /* font-size: 1; */
            /* text-indent: 20px; */
        }

        body {
            background-image: url("../3/images/1.jpg");
            background-repeat: no-repeat;
            background-position: 50%;
        }

        #p1 {
            font-style: italic;
            text-indent: 28px;
            /* 缩进   */
            text-align: justify;


        }

        /*  :link表示鼠标点击之前，也称为原始状态 1
            :visited表示鼠标点击之后状态  2
            :hover表示鼠标悬停状态   3
            :active表示鼠标点击状态   4
            */
        #lnk:link {
            color: aqua;
        }

        #lnk:visited {
            color: rgb(184, 79, 177);
        }

        #lnk:hover {
            color: antiquewhite;
            font-size: 40px;
        }

        #lnk:active {
            color: rgb(221, 92, 18);
        }



        @import url("css/styleCss.css")
    </style>

    <link rel="stylesheet" href="" />
</head>

<body>
    <form action="" method="get">
        <!-- fieldset 包括线  legend 头-->
        <fieldset>
            <legend>username and password</legend>
            username: <input name="username" type="text"><br>
            password: <input type="password" name="password" value="6666"><br>
            sex : <input type="radio" name="sex" value="女" id="gender1" checked="checked"> <label
                   for="gender1">女</label><input type="radio" value="男" id="gender2" name="sex">
            <label for="gender2">男</label>
        </fieldset>
        <input type="checkbox" name="dink" value="tea"> tea
        <input type="checkbox" name="dink" value="milk">milk
        <input type="checkbox" name="dink" value="water">water
        <input type="submit" name="" onclick="adfun()" value="submit" submit" id="">
        <input type="reset" name="" value="重置" id="">
        <input type="image" alt="666" src="" name="" id="">
        <!--  size 一次显示几个 selected 默认选择值  multiple 可选多值 -->
        <select name="" id="" size="2" multiple>
            <option value="1">66666</option>
            <option value="2" selected>666</option>
            <option value="3">6666</option>
            <option value="4">6666</option>
        </select><br>
        <textarea rows="10" cols="15">
            0013
        </textarea>
        <input type="file" name="" id="">
    </form>

    <form action="">
        <table>

            <tr>

                <td>userName</td>
                <td><input type="text" name="userName"></td>
            </tr>

            <tr>
                <td>passWord</td>
                <td><input type="password" name="passWord"></td>
            </tr>

            <tr>
                <td colspan="2">
                    <input type="submit" name="" value="submit">
                    <a href="#">newUser register</a>
                </td>
            </tr>
        </table>
    </form>

    <!-- 滚动字幕 -->
    <marquee behavior="" direction="">老铁</marquee>
    <p id="p1">不错</p>

    <a id="lnk" href="#">zdA</a>

    <script>
        function adfun() {
            alert('hi Js')
        }
    </script>
</body>

</html>